<extend name="Public/base" />
<block name="body">
    <!-- 标题栏 -->
    <div class="main-title">
        <h2>订单管理/已取消订单</h2>
    </div>

    <!-- 高级搜索 -->
    <div class="user-center">
        <div class="search-form fr cf">
            <div class="sleft">
                <input type="text" name="condition" class="search-input" value="{:I('condition')}" placeholder="请输入ID或手机号">
            </div>
        </div>
        <div class="search-form fr cf">
            <div class="sleft">
                <input type="text" name="condition" class="search-input" value="{:I('condition')}" placeholder="请输入订单号">
            </div>
        </div>

        <div class="search-form fr cf">
            <div class="sleft">
                <select >
                    <option>选择产品分类</option>
                    <option>抢购商品</option>
                    <option>预约商品</option>
                    <option>定制商品</option>
                </select>
            </div>
        </div>
        <div class="sous" style="margin-top: -3px;text-align: center">
            <a class="sch-btn" href="javascript:;" id="search" url="{:U('AppUser/userList')}"><span>搜索</span></a>
        </div>
    </div>
    <!-- 数据列表 -->
    <div class="table-striped－main">
        <ul>
            <li><a class="table-striped－main-great" href="http://localhost/qgh/admin.php?s=/Order/order.html">全部</a></li>
            <li><a href="http://localhost/qgh/admin.php?s=/Order/unpaid.html">待付款</a></li>
            <li><a href="http://localhost/qgh/admin.php?s=/Order/unshipped.html" >待发货</a></li>
            <li><a href="http://localhost/qgh/admin.php?s=/Order/shipped.html">已发货</a></li>
            <li><a href="http://localhost/qgh/admin.php?s=/Order/evaluated.html">待评价</a></li>
            <li><a href="http://localhost/qgh/admin.php?s=/Order/completed.html">已完成</a></li>
            <li><a href="http://localhost/qgh/admin.php?s=/Order/orderretrun.html">退货退款</a></li>
            <li><a href="http://localhost/qgh/admin.php?s=/Order/cancled.html">已取消</a></li>
        </ul>
    </div>
    <div class="data-table table-striped">
        <div class="data-table">
            <table>
                <!-- 表头 -->
                <thead>
                <tr>
                    <th class="row-selected row-selected">
                        <input class="check-all" type="checkbox">
                    </th>
                    <volist name="list_grids" id="field">
                        <th>{$field.title}</th>
                    </volist>
                    <th>订单类型</th>
                    <th>商品信息</th>
                    <th>商品编码</th>
                    <th>数量</th>
                    <th>实付款</th>
                    <th>收货信息</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>

                <!-- 列表 -->
                <tbody>

                <tr>
                    <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                    <td>抢购订单</td>
                    <td>ipad信息</td>
                    <td>AS3455353</td>
                    <td>1</td>
                    <td>455.00元</td>
                    <td>地址：浙江省 杭州市 上城区 西湖国际 1幢9F<br>
                        联系人：刘德华<br>
                        联系人手机：15553465657
                    </td>
                    <td><a>已取消</a></td>
                    <td><a href="http://localhost/qgh/admin.php?s=/Order/remark.html">平台备注</a></td>
                </tr>
                <tr>
                    <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                    <td>抢购订单</td>
                    <td>ipad信息</td>
                    <td>AS3455353</td>
                    <td>1</td>
                    <td>455.00元</td>
                    <td>地址：浙江省 杭州市 上城区 西湖国际 1幢9F<br>
                        联系人：刘德华<br>
                        联系人手机：15553465657
                    </td>
                    <td><a>已取消</a></td>
                    <td><a href="http://localhost/qgh/admin.php?s=/Order/remark.html">平台备注</a></td>
                </tr>
                <tr>
                    <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                    <td>预约订单</td>
                    <td>ipad信息</td>
                    <td>AS3455353</td>
                    <td>1</td>
                    <td>455.00元</th>
                    <td>地址：浙江省 杭州市 上城区 西湖国际 1幢9F<br>
                        联系人：刘德华<br>
                        联系人手机：15553465657
                    </td>
                    <td><a>已取消</a></th>
                    <td><a href="http://localhost/qgh/admin.php?s=/Order/remark.html">平台备注</a></td>
                </tr>
                <tr>
                    <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                    <td>预约订单</td>
                    <td>ipad信息</td>
                    <td>AS3455353</td>
                    <td>1</td>
                    <td>455.00元</th>
                    <td>地址：浙江省 杭州市 上城区 西湖国际 1幢9F<br>
                        联系人：刘德华<br>
                        联系人手机：15553465657
                    </td>
                    <td><a>已取消</a></th>
                    <td><a href="http://localhost/qgh/admin.php?s=/Order/remark.html">平台备注</a></td>
                </tr>
                <tr>
                    <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                    <td>定制订单</td>
                    <td>ipad信息</td>
                    <td>AS3455353</td>
                    <td>1</td>
                    <td>455.00元</th>
                    <td>地址：浙江省 杭州市 上城区 西湖国际 1幢9F<br>
                        联系人：刘德华<br>
                        联系人手机：15553465657
                    </td>
                    <td><a>已取消</a></th>
                    <td><a href="http://localhost/qgh/admin.php?s=/Order/remark.html">平台备注</a></td>
                </tr>
                <tr>
                    <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                    <td>定制订单</td>
                    <td>ipad信息</td>
                    <td>AS3455353</td>
                    <td>1</td>
                    <td>455.00元</th>
                    <td>地址：浙江省 杭州市 上城区 西湖国际 1幢9F<br>
                        联系人：刘德华<br>
                        联系人手机：15553465657
                    </td>
                    <td><a>已取消</a></th>
                    <td><a href="http://localhost/qgh/admin.php?s=/Order/remark.html">平台备注</a></td>
                </tr>
                </tbody>
            </table>
            <aside class="paging">三
                <a>第一页</a>
                <a>1</a>
                <a>2</a>
                <a>3</a>
                <a>…</a>
                <a>1004</a>
                <a>最后一页</a>
            </aside>
        </div>
    </div>
    <div class="page">
        {$_page}
    </div>

</block>

<block name="script">
    <script type="text/javascript" charset="utf-8">
        //搜索功能
        $("#search").click(function(){
            var url = $(this).attr('url');
            var query  = $('.search-form').find('input').serialize();
            query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
            query = query.replace(/^&/g,'');
            if( url.indexOf('?')>0 ){
                url += '&' + query;
            }else{
                url += '?' + query;
            }
            window.location.href = url;
        });
        //回车搜索
        $(".search-input").keyup(function(e){
            if(e.keyCode === 13){
                $("#search").click();
                return false;
            }
        });
        //导航高亮
        highlight_subnav('{:U('Trader/traderList')}');
    </script>
    <script type="text/javascript" charset="utf-8">
        onload = function ()
        {
            setInterval (function ()
            {
                var date = new Date ();
                txt.value = date.toLocaleDateString();
            });

        }

    </script>
</block>